<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
  <head>
    <title>CardioSHARE demo</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="http://biordf.net/lib/ext/resources/css/ext-all.css" />
    <!--<link rel="stylesheet" type="text/css" href="http://biordf.net/lib/ext/resources/css/xtheme-gray.css" />-->
    <link rel="stylesheet" type="text/css" href="style/cardioSHARE.css" />
	<link rel="stylesheet" type="text/css" href="style/jquery.autocomplete.css" />
	<link rel="stylesheet" type="text/css" href="style/jquery.sparqlassist.css" />
    <script type="text/javascript" src="http://biordf.net/lib/ext/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="http://biordf.net/lib/ext/ext-all.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.caret.js"></script>
	<script type="text/javascript" src="js/jquery.autocomplete.js"></script>
	<script type="text/javascript" src="js/jquery.sparqlassist.js"></script>
    <script type="text/javascript" src="js/queryForm.js"></script>
    <script type="text/javascript" src="js/doAssist.js"></script>
  </head>
  <body>
    <div id='outer-frame'>
      <div id='inner-frame'>
  	<div id='header'>
      <h1>CardioSHARE demo</h1>
    </div>
    <div id='content-landing'>
      <h2 id='welcome'>Welcome to CardioSHARE!</h2>
      <div id='preamble'>
	    <!--
        <p>CardioSHARE is a unique framework for querying distributed data and performing data analysis using Semantic 
         Web standards. CardioSHARE's two main innovations are an enhancement to a standard SPARQL query engine, which 
         enables the required data to be retrieved dynamically from web services; and the ability to use this dynamic 
         data to identify instances of OWL classes.   This is accomplished by 
         mapping RDF predicates onto web services capable of producing data that satisfy those predicates. Our initial 
         focus has been on integration with the BioMoby project: a set of 1500+ interoperable bioinformatics web 
         services.  CardioSHARE effectively brings this established pool of resources into conformance with Semantic Web 
         standards.</p>
        <p>CardioSHARE provides two paths to access the data: 
         a web form for issuing SPARQL queries (the <strong>Query</strong> tab below), 
         and a browser to explore the virtual graph (the <strong>Browse</strong> tab below).  Links to appropriate
         documentation are available on each tab.</p>
        -->
        <p>CardioSHARE is a unique framework for querying distributed data and performing data analysis using Semantic 
         Web standards. CardioSHARE's two main innovations are an enhancement to a standard SPARQL query engine, which 
         enables the required data to be retrieved dynamically from Web Services; and the ability to use OWL class 
         restrictions to drive the discovery and execution of Web Services capable of generating that class' defining 
         properties, thus allowing naiive data to be "lifted" into more complex OWL classifications. Both of these 
         behaviours are accomplished by 
         mapping predicates onto Web Services capable of producing RDF data that satisfy those predicates. Our initial 
         focus has been on integration with the BioMoby project: a set of 1500+ interoperable bioinformatics web 
         services. CardioSHARE effectively brings this established pool of resources into conformance with Semantic Web 
         standards.
         Given that much of the data from CardioSHARE is generated dynamically based on analysis of incoming query data, 
         the effective size of the "virtual" triplestore is un-measurable; limited only by the number of conceivable 
         inputs.</p>
        <p>To learn more about the system, please see our article  
         <a href="cardioSHARE.pdf">CardioSHARE: Web Services for the Semantic Web</a>.</p>
        <p>This demonstration of the CardioSHARE system provides two example user-interfaces: a web form for issuing 
         SPARQL queries (the Query tab below), and a browser to explore the virtual graph (the Browse tab below). Links 
         to appropriate documentation are available on each tab.</p>
      </div> <!-- preamble -->
      <div id='tabs'>
        <div id='query' class='x-hide-display'>
            <h2>Query form</h2>
            <p>Enter a SPARQL query in the text box below and click the submit button.</p>
            <p><a href="queries.html">A list of example queries is available here.</a></p>
            <p><a href="queryHelp.html">Learn how to build your own query here.</a></p>
            <p><a href="predicates.html">A list of predicates is available here.</a></p>
            <div id='query-form'></div>
            <div id='result-table' style='margin-top: 1em;'></div>
            <!--
            <form action='/cardioSHARE/query'>
              <textarea name='query' rows='7' cols='76'></textarea>
              <input type='submit' />
            </form>
            -->
        </div> <!-- query -->
        <div id='browse' class='x-hide-display'>
            <p>Graph browser temporarily unavailable.</p><!-- online.</p>
            <p>In the interim, please download <a href='GraphBrowser.jar'>GraphBrowser.jar</a> and follow the
             instructions according to your operating system below:</p>
            <dl class='instructions'>
              <dt>Under Windows</dt>
                <dd>Double-click the downloaded jar in Explorer.</dd>
              <dt>Under OS X</dt>
                <dd>Double-click the downloaded jar file in Finder.</dd>
              <dt>Under Linux</dt>
                <dd>Type <code>java -jar /path/to/GraphBrowser.jar</code> in a shell.</dd>
            </dl>-->
        </div> <!-- browse -->
      </div> <!-- tabs -->
    </div> <!-- content -->
    <div id='footer'>
      <img class="sponsor" style="margin-top: 10px;" src="images/HSFBCY.gif" alt="HSFBCY logo" height="62" width="134"/>
      <img class="sponsor" style="margin-top: 10px;" src="images/CANARIE.png" alt="CANARIE logo" height="62" width="242"/>
      <img class="sponsor" style="margin-top: 16px;" src="images/CIHR.png" alt="CIHR logo" height="62" width="91"/>
      <p>Development of SADI is generously supported by 
        <span class="nobreak">the Heart and Stroke Foundation of B.C. and Yukon</span>,
        <span class="nobreak">the Canadian Institutes of Health Research</span>, and 
        <span class="nobreak">Microsoft Research</span>.
      </p>
      <p>Major funding for the 
        <span class="nobreak"><a href="http://gcbioinformatics.ca">Bioinformatics Innovation Center</a></span>
        is provided by the
        <span class="nobreak">Government of Canada</span> through
        <span class="nobreak">Genome Canada</span> and
        <span class="nobreak">Genome Alberta</span>.
      </p>
      <p style="margin-top: 20px;">
        <img class="sponsor" src="images/GenomeCanada.png" alt="Genome Canada logo" height="116" width="191"/>
        <img class="sponsor" src="images/GenomeAlberta.png" alt="Genome Alberta logo" height="116" width="185"/>
      </p>
    </div> <!-- footer -->
      </div> <!-- inner-frame -->
    </div> <!-- outer-frame -->
  </body>
</html>
